<template>
    <div class="dev-dialog" style="background:#fff">
        <bf-button type="primary" @click="open">打开弹窗</bf-button>
        <bf-dialog 
        :visible.sync="show"
        title="头部标题"
        :center="true"
        @open="openn"
        @close="close"
        width="30%"
        >
            <span>这是一段信息</span>
            <span slot="footer" class="dialog-footer">
                <bf-button @click="show=false">取消</bf-button>
                <bf-button type="primary" @click="open2">确定</bf-button>
            </span>
        </bf-dialog>
    </div>
</template>
<script>
export default {
    data() {
        return {
            show:false,
            show2:false,
        }
    },
    methods: {
        open(){
            this.show = true
        },
        open2(){
            this.show2 = true
        },
        openn(){
            console.log('打开了');
        },
        close(){
            console.log('关闭了');
        }
    },
}
</script>